$(function() {
    // 退出
    // 添加点击事件
    // 询问用户是否退出
    var layer = layui.layer;
    $("#tuichu").on("click", function() {
        layer.confirm(
            "确定要退出吗?", { icon: 3, title: "提示" },
            function(index) {
                //do something
                // 清除token
                localStorage.removeItem("token");
                // 跳转页面
                location.href = "./login.html";
                layer.close(index);
            }
        );
    });
});

function getUserList() {
    // 全局声明函数和变量，是window对象的属性和方法

    // 功能一：获取用户的基本信息

    $.ajax({
        method: "get",
        url: "/my/userinfo",
        success: function(res) {
            if (res.status !== 0) {
                return layui.layer.msg(res.message);
            }
            // 渲染数据
            var user = res.data;
            // console.log(user);
            // 获取用户名
            var uname = user.nickname || user.username;
            $("#welcome").html(`欢迎 ${uname}`);
            // 渲染头像
            // 1.做判断，判断数据中的user_pic是否为null
            // 2.如果为空，表示没有头像，需要把用户名的首字母获取到，并且转为大写，设置给文字头像，让图片头像隐藏
            // 3.如果有，渲染图片头像，让文字头像隐藏
            if (user.user_pic) {
                $(".layui-nav-img").attr("src", user.user_pic).show();
                $(".text-avatat").hide();
            } else {
                $(".layui-nav-img").hide();
                // 获取用户的首字母，并改为大写
                var text = uname.charAt(0).toUpperCase();
                $(".text-avatat").html(text).show();
            }
        },
    });
}
getUserList();